.cartCon {
  padding-bottom: 0.8rem;
  .cartConTop {
    display: flex;
    height: 0.44rem;
    padding: 0 0.14rem;
    align-items: center;
    justify-content: space-between;
    .cartConTopLt {
      font-size: 0.16rem;
    }
    .cartConTopRt {
      font-size: 0.14rem;
    }
  }
}
.cartGoodsItem {
  font-size: 0.14rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  margin-bottom: 0.16rem;
  padding: 0.3rem 0.12rem;
  position: relative;
  i.checkedBtn {
    width: 0.19rem;
    height: 0.22rem;
    background-image: url('../../asset/icon/checkbox.png');
    background-size: cover;
  }

  .infoBox {
    width: 3.32rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.06rem;

    .infoBoxTop {
      margin-bottom: 0.09rem;
      span.infoBoxTop1 {
        color: #f48f18;
        border: 0.01rem solid #f48f18;
        font-size: 0.1rem;
        vertical-align: middle;
        padding: 0.01rem 0.02rem;
        border-radius: 0.04rem;
        margin-right: 0.1rem;
      }

      span.infoBoxTop2,
      span.infoBoxTop3 {
        font-size: 0.1rem;
        margin-right: 0.08rem;
      }
    }

    .infoBoxBot {
      display: flex;
      img.infoBoxBotPic {
        width: 0.86rem;
        height: 0.86rem;
      }

      .infoBoxBotRt {
        margin-left: 0.05rem;
        .infoBoxBotTit {
          margin-bottom: 0.01rem;
          span.infoBoxBot1 {
            color: #f48f18;
            margin-right: 0.04rem;
          }

          span.infoBoxBot2 {
          }
        }

        .infoBoxBotSpec {
          display: inline;
          color: #7f7f7f;
          background: #fafafa;
          border: 0.01333rem solid #efefef;
          border-radius: 0.02667rem;
          span {
            margin-right: 0.1rem;
          }
          i {
            display: inline-block;
            margin-left: 0.04rem;
            font-size: 0.1rem;
            transform: rotate(-90deg);
          }
        }

        .infoBoxBotPrice {
          .infoBoxBotLt {
            span.infoBoxBotNowPrice {
            }

            span.infoBoxBotOldPrice {
              text-decoration: line-through;
              margin-left: 0.04rem;
              color: #999;
            }
          }

          .infoBoxBotRt {
            text-align: center;
            border: 0.01rem solid #ddd;
            position: absolute;
            right: 0.1rem;
            bottom: 0.1rem;
            height: 0.25rem;
            border-radius: 0.04rem;
            span.infoBoxBotRtSub,
            span.infoBoxBotRtAdd {
              width: 0.3rem;
              height: 0.25rem;
              display: inline-block;
            }
            span.infoBoxBotRtSub {
            }

            input.infoBoxBotNum {
              text-align: center;
              width: 0.29rem;
              height: 0.25rem;
              line-height: 0.25rem;
              border-right: 0.01rem solid #ddd;
              border-left: 0.01rem solid #ddd;
            }

            span.infoBoxBotRtAdd {
            }
          }
        }
      }
    }
  }
}
/* 底部下单按钮 */
.cartGoodListBot {
  border-top: 0.01rem solid #ddd;
  display: flex;
  justify-content: space-between;
  height: 0.59rem;
  background-color: #f4f4f4;
  bottom: 0.51rem;
  position: fixed;
  z-index: 999;
  width: 100vw;
  color: #333;
  font-size: 0.14rem;
  .left {
    display: flex;
    justify-content: space-between;
    flex: 1;
    .botLt {
      display: flex;
      align-items: center;
      margin-left: 0.12rem;
      i.checkedBtn {
        display: block;
        width: 0.19rem;
        height: 0.22rem;
        background-image: url('../../asset/icon/checkbox.png');
        background-size: cover;
        margin-right: 0.12rem;
      }
    }

    .botRt {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-right: 0.12rem;
      text-align: right;
      .total {
        color: #dd1a21;
      }

      .promotionPrice {
        color: #7f7f7f;
        font-size: 0.12rem;
      }
    }
  }

  .rt {
    width: 1.1298rem;
    background-color: #dd1a21;
    // border:.01rem solid #dd1a21;
    color: #fff;
    text-align: center;
    line-height: 0.59rem;
  }
}
/* 空购物车 */
.emptyCart {
  // background-color: #f00;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  .bg {
    width: 1.24rem;
    height: 1.24rem;
    background-image: url('../../asset/img/emptyCart.png');
    background-size: contain;
  }

  .txt {
    text-align: center;
    color: #7f7f7f;
  }
}
